import React, { Component } from 'react'
// 非受控组件: 指直接操作真实dom
// 如何在react中获取到真实dom
// 1. documnet.get...  当渲染完毕之后获取
// 2. e.target 只能拿到事件目标
// 3. react提供了获取真实dom的方式 --> refs

// refs的用法:
// 第二种:
export default class App extends Component {
  render() {
    return (
      <div>
        {/* ref属性的值为回调函数.当input所对应的真实dom创建完毕之后,react底层会自动调用这个函数.并把input的真实dom以实参的形式,传递给这个函数的形参 */}
        <input
          type="text"
          ref={(node) => {
            this.node = node
          }}
        />

        <button
          onClick={() => {
            this.node.value = 'hahaha'
          }}
        >
          按钮
        </button>
      </div>
    )
  }
}
